<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>操作DOM</title>
    <script src="js/jquery-3.5.1.js"></script>
</head>
<body>

<ul id="language">
    <li>JavaScript</li>
    <li>Python</li>
</ul>

<script>
    // let ul = document.getElementById("language");
    // 节点文本操作
    // CSS
    let $python = $('#language li:last');
    $python.text("Java").css({
        "color": "red",
        "font-weight": "bold"
    });
    $('#language li:first').html("<h3>JavaScript</h3>");
    // 元素的显示和消失
    // $python.show();
    // $python.toggle();
    $python.hide();
</script>

</body>
</html>